Селектори тегів

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Частково

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Опис

Селектором може виступати будь-який тег HTML, для якого визначаються правила форматування, такі як: колір, фон, розмір та ін.

Синтаксис

E { Опис правил стилю }

Тут E ім'я довільного тега. Слід розуміти, що хоча стиль можна застосувати до будь-якого тега, результат буде помітний тільки для тегів, які безпосередньо відображаються в контейнері <BODY>.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>Селекторы тегів</title>
    <style type="text/css">
      P { 
        text - align: justify; /* Вирівнювання по ширині */
        color: green; /* Зелений колір тексту */
      }
    </style>
  </head> 
  <body>
 
    <p>Ефективнішим способом лову лева в пустелі
    являється метод золотого перерізу. При його використанні пустеля ділиться
    на дві нерівні частини, розмір яких підкоряється правилу золотого
    перерізи.</p>
 
  </body>
</html>

У цьому прикладі змінюється колір тексту і вирівнювання тексту параграфа. Стиль застосовуватиметься тільки до тексту, який розташовується усередині контейнера <P> (мал. 1).

Мал. 1. Застосування стилю до селектора P

Браузери

Internet Explorer до шостої версії включно не підтримує тег <ABBR>, тому будь-яке додавання стилю до селектора ABBR ігнорується.